<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-10-18 14:00
  PageName：c_imagebg_Gradient.html
  Function：设置背景图像 - 渐变背景
  URL：http://localhost:8080/f_image/f3_image_background/c_imagebg_Gradient.html
-->

<head>
    <meta charset="UTF-8">
    <title>设置背景图像 - 渐变背景</title>

    <style>
        body, dl, dd, dt {
            margin: 0px;
            padding: 0px;
            text-align: center;
        }

        dl.F_cir {
            margin: 0 auto;
            margin-top: 50px;
            text-align: left;
            background: url(images/c_tl.gif) no-repeat scroll left top, url(images/c_tr.gif) no-repeat scroll right top;
            background-color: #7F7F9C;
            width: 60%;
        }

        dl.F_cir dt {
            color: #FFFFFF;
            padding: 10px;
            text-align: left;
        }

        dl.F_cir dd {
            background: url(images/c_br.gif) no-repeat scroll right bottom, url(images/c_bl.gif) no-repeat scroll left bottom;
            background-color: #EEEEEE;
        }

        dl.F_cir p {
            margin: 0;
            padding: 5px 16px;
            line-height: 180%;
            text-align: left;
        }
    </style>
</head>

<body>
<dl class="F_cir">
    <dt>四张图片构成圆角</dt>
    <dd>
        <p>该问题对web开发者有着直接的影响。开发者总是希望用户使用最新的浏览器，以便能够直接采用新技术和技巧，而不必花费大量的时间来考虑旧浏览器的兼容问题。IE6的发展是一个特别突出的问题。IE6的最初版本已经发布8年了，而其至今还拥20%的用户。因此，在大多数人都不知道浏览器是什么的情况下，如何鼓励用户升级浏览器就显得很棘手。这些用户不可能理解新版浏览器的好处，显然他们对于现有软件已经心满意足。</p>
    </dd>
</dl>
</body>
</html>